/**
 ** name: PC & response StyleSheet
 ** author: E杯咖啡、Jony
 ** time: 2018-10	
*/
@charset "utf-8";

/*********other page public****************/
/*banner*/
.body_bg {
    padding-top: 80px
}

.p_banner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 16.666666%;
    overflow: hidden
}

.p_banner a img {
    animation: bannerScale 14s linear forwards
}

@keyframes bannerScale {
    from {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.banner-words {
    display: none
}

/*bread nav*/
.bread_bar {
    line-height: 3;
    font-size: 14px;
    font-weight: 400
}

.bread_bar:before {
    content: '\e620';
    display: inline-block;
    padding-right: 5px;
    font-family: iconfont;
    font-size: 16px;
    color: red
}

.bread_bar a {
    display: inline-block;
    color: #888
}

.bread_bar a:hover {
    color: red
}

.bread_bar a:after {
    content: '/';
    display: inline-block;
    padding: 0 5px;
    color: #bbb
}

.bread_bar a:last-child:after {
    display: none
}

/**下层内页主框架**/
.body_bg {
    background: #F9F9F9
}

.sec_main {
    width: 100%;
    padding-bottom: 40px
}

.sec_main>.wrap {
    overflow: hidden
}

.main_body {
    width: 100%;
    background-color: #fff
}

.m_container {
    width: 78%;
    min-height: 800px;
    padding: 0 30px 30px;
    border-right: 1px solid #F0F0F0
}

.m_tit {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 3;
    border-bottom: 1px solid #F0F0F0
}

.m_txt {
    padding: 20px 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    overflow: hidden
}

.m_txt h2 {
    width: 100%;
    font-weight: 400;
    line-height: 2
}

.m_txt p {
    width: 100%;
    text-align: justify
}

.m_txt img {
    width: 100%;
    border-radius: 8px
}
.m_txt table tr td{border:#f7f7f7 1px solid;}
/* second page sidebar */
.sidebar {
    width: 22%;
    border-top: #e62129 4px solid
}

.sidebar .side_tit {
    padding: 0 20px;
    color: #333;
    font-size: 18px;
    line-height: 3
}

#nav {
    padding-right: 20px
}

#nav li {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 40px;
    border-bottom: #e5e5e5 1px solid;
    color: #333;
    font-size: 16px;
    line-height: 40px
}

#nav li a {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    transition: .4s
}

#nav li span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 40px;
    background-color: #f63b2e;
    transition: .4s
}

#nav li.on a,
#nav li:hover a {
    color: #fff
}

#nav li.on a span,
#nav li:hover span {
    width: 100%;
    color: #fff
}

.side_adv {
    width: 100%;
    padding: 20px;
    overflow: hidden
}

.side_adv img {
    width: 100%
}

/**关于公司聚合页**/
.leader_words~div {
    background-color: #fff;
}

.leader_words {
    width: 66.666666%
}

.a_intr {
    float: left;
    width: 33.333333%;
    height: 0;
    padding: 20px;
    padding-bottom: 30%;
    border: 10px solid #F9F9F9;
    overflow: hidden
}

.a_intr.mart20 {
    margin: 0
}

.a_intr.full_sreen {
    width: 100%
}

.a_intr_tit,
.news_m_tit {
    font-size: 28px;
    padding-bottom: 18px
}

.a_intr_tit a,
.news_m_tit a {
    display: inline-block;
    float: right;
    font-size: 16px;
    margin-top: 10px;
    color: red;
    letter-spacing: 2px
}

.shine_img img {
    width: 100%
}

.a_intr p:last-child {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    color: #666
}

.short_h {
    padding-bottom: 25%
}

.leader_words {
    position: relative;
    height: 0;
    padding-bottom: 30%;
    padding-right: 10px;
    overflow: hidden
}

.leader_img {
    width: 100%
}

.leader_img img {
    display: inline-block;
    width: 100%;
    margin-top: -30px
}

.leader_txts {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    width: 50%;
    height: 100%;
    padding: 30px;
    background-color: rgba(0, 0, 0, .3)
}

.leader_txts h4 {
    font-size: 28px;
    height: 60px;
    line-height: 40px;
    color: #fff;
    font-weight: 400
}

.leader_txts p {
    font-size: 16px;
    line-height: 2;
    color: #F0F0F0;
    text-align: justify
}

.leader_txts a {
    display: block;
    position: absolute;
    left: 30px;
    bottom: 50px;
    z-index: 3;
    padding: 10px 20px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 4px;
    color: #eee
}

.leader_txts a:hover {
    background-color: #E62129
}

.long_h.fr {
    padding-top: 0;
    border-top: none
}

.long_h.fr .a_intr_tit,
.news_m_tit {
    margin-top: 20px
}

.long_h.fr p:last-child {
    height: 100px\9;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.a_intr.fl {
    border-left: 0
}

.leader_top {
    width: 100%;
    height: 0;
    padding-bottom: 29%;
    background-color: #ffffff;
    /* background-color:#fff5e1; */
    overflow: hidden
}

.leader_top p {
    float: left;
    width: 55%;
    height: 100%;
    padding: 34px 30px;
    font-size: 45px;
    line-height: 1.6;
    text-align: left;
    font-family: LiSu, KaiTi, 'Microsoft YaHei'
}

.leader_t_img {
    position: relative;
    float: left;
    width: 45%;
    padding-left: 20px;
    height: 100%;
    padding-bottom: 29%
}

.leader_t_img img {
    width: 100%
}

.leader_font {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    font-size: 16px;
    line-height: 3;
    text-align: center;
    color: #fff
}

/* leader carousel */
.full_sreen.mart20 {
    height: auto;
    padding-bottom: 0
}

.bx_container {
    width: 100% !important
}

.leader_list {
    position: relative;
    margin: 10px 0
}

#leader_b_list {
    padding: 10px 0;
    overflow: hidden
}

li.leader_box {
    position: relative;
    z-index: 5;
    float: left;
    width: 400px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 3px 10px #f0f0f0;
    overflow: hidden
}

li.leader_box span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 2.4;
    transition: .2s
}

a.lb_pushimg {
    display: block;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden
}

li.leader_box:hover span {
    background-color: #be1e2d;
    color: #fff
}

a.lb_pushimg img {
    width: 100%;
    transition: .6s
}

li.leader_box:hover img {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.bx_wrap>a {
    display: inline-block;
    position: absolute;
    z-index: 100;
    top: 55px;
    width: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: iconfont;
    overflow: hidden
}

.bx_wrap>a:hover {
    background-color: #E62129
}

.leader_list a.prev {
    left: 0
}

.leader_list a.next {
    right: 0
}

.leader_list a.prev:before {
    content: '\e656';
    font-size: 28px
}

.leader_list a.next:before {
    content: '\e603';
    font-size: 28px
}

/* history page */
.timeline {
    position: relative;
    margin: 20px 0;
    padding: 0 30px
}

#history_year {
    overflow: hidden;
    padding: 10px 0
}

#history_year li {
    float: left;
    position: relative;
    z-index: 5;
    width: 91px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    background-color: #ddd;
    cursor: pointer
}

#history_year li label {
    display: block;
    cursor: pointer
}

#history_year li span {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    background-color: #e6212a;
    transition: .4s
}

#history_year li.curr {
    color: #fff
}

#history_year li.curr span {
    height: 100%;
    color: #fff
}

#history_year li.curr .arr {
    display: inline-block;
    border-color: #e6212a transparent transparent transparent
}

#history_year li .arr {
    position: absolute;
    left: 45%;
    top: 42px;
    border: 6px solid;
    display: none
}

.bx_wrap>a {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 22px;
    height: 42px;
    margin-top: -21px;
    line-height: 42px;
    text-align: center;
    font-size: 0;
    font-family: iconfont;
    cursor: pointer
}

.bx_wrap>a:hover {
    background-color: #E62129;
    color: #fff
}

.bx_wrap>a:before {
    font-size: 20px
}

.timeline a.prev {
    left: 0;
    border-radius: 8px 0 0 8px
}

.timeline a.prev:before {
    content: '\e656'
}

.timeline a.next {
    right: 0;
    border-radius: 0 8px 8px 0
}

.timeline a.next:before {
    content: '\e603'
}

.event_list {
    position: relative;
    margin-top: 60px;
    overflow: hidden
}

.event_list:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 30%;
    z-index: 0;
    width: 1px;
    height: 100%;
    background-color: #E62129
}

.event_list h3 {
    position: relative;
    z-index: 3;
    float: right;
    width: 70%;
    height: 60px;
    line-height: 40px;
    font-size: 24px
}

.event_list h3:before {
    content: '\e619';
    display: inline-block;
    float: left;
    width: 40px;
    line-height: 34px;
    font-size: 30px;
    font-family: iconfont;
    margin-left: -15px;
    background-color: #fff;
    color: #E62129
}

.event_list li {
    display: inline-block;
    position: relative;
    z-index: 3;
    width: 100%;
    margin-top: 40px
}

.hlist_img {
    float: left;
    width: 30%;
    padding-right: 40px
}

span.h_layer {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    border-radius: 6px;
    overflow: hidden
}

.hlist_img span img {
    width: 100% !important;
    transition: 1s
}

span.h_layer:hover img {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.list_mess {
    height: auto;
    width: 70%;
    float: left;
    padding-left: 40px;
    display: inline-block
}

.histt {
    font-size: 18px;
    font-weight: 800;
    line-height: 2
}

.histt:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 4px solid #E62129;
    margin: 0 30px 0 -52px;
    background-color: #fff
}

.hisct {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

/* leadership news */
.m_pic_push {
    width: 103.3%;
    overflow: hidden
}

.m_pic_push li {
    width: 30.3%;
    float: left;
    margin: 15px 3% 15px 0;
    transition: .4s
}

.m_cert_push li {
    width: 22%;
    float: left;
    margin: 15px 3% 15px 0;
    transition: .4s
}

.m_pic_push li:hover {
    box-shadow: 0 4px 6px #EEE;
    filter: saturate(130%);
    transform: translate3d(0, -5px, 0)
}

a.pic_push {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 70%;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

a.cert_push {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 145%;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

a.pic_push:after {
    display: none\9;
    position: absolute;
    left: 0;
    top: -60px;
    z-index: 2;
    width: 400px;
    height: 400px;
    transform: skewX(-30deg) translateX(-400px);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    transition: .6s ease-in-out;
    content: ""
}

.m_pic_push li:hover a.pic_push:after {
    transform: skewX(-30deg) translateX(100%)
}

.m_pic_push li h2 {
    position: relative;
    width: 100%;
    border-bottom: 1px #d8d8d8 solid;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.4;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m_pic_push li h2 span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ed3323;
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: center center;
    transition: .6s
}

.m_pic_push li:hover h2 span {
    -ms-transform: scale(1);
    transform: scale(1)
}

/*page button*/
.page {
    float: left;
    width: 100%;
    padding: 25px 0;
    text-align: center
}

.page-con {
    display: inline-block;
    font-size: 0
}

.page-con * {
    float: left;
    font-size: 14px;
    line-height: 2
}

.page-con a,
.page-con strong,
.total {
    display: inline-block;
    padding: 0 12px;
    border: #ddd 1px solid;
    overflow: hidden;
    cursor: pointer
}

.page-con a:hover,
.page-con strong.cur {
    border-color: #e62129;
    background-color: #e62129;
    color: #fff !important
}

.page-con a.next,
.page-con a.prev {
    margin: 0 10px
}

.page-con select {
    display: inline-block;
    margin-left: 10px;
    height: 28px;
    padding: 0 8px;
    border: #ddd 1px solid;
    outline: 0
}

/* contac us*/
.subsidiary {
    width: 100%;
    overflow: hidden
}

.subsidiary li {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 20px 30px;
    border-radius: 4px;
    background-color: #F9F9F9;
    overflow: hidden
}

.subsidiary li:after {
    content: '\e71e';
    font-family: iconfont;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 2;
    width: 120px;
    line-height: 1;
    font-size: 120px;
    background-image: -webkit-linear-gradient(bottom right, #ff2525, #ffcdb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff\9;
    background-image: none\9;
    opacity: .1;
    transition: .6s
}

.subsidiary li:hover:after {
    opacity: .8;
    transform: translateY(-8px)
}

.subsidiary li:hover h4 {
    color: #E62129
}

.subsidiary li div h4 {
    font-size: 18px;
    height: 36px;
    line-height: 30px;
    color: #333
}

.subsidiary li div a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 2
}

/* news center */
.news_layer {
    margin-bottom: 30px;
    padding: 0 20px 20px;
    background-color: #fff;
    border: .5px solid #f0f0f0;
    overflow: hidden
}

.news_m_con {
    overflow: hidden
}

.news_m_con .news_pbox {
    position: relative;
    width: 50%;
    height: 0;
    margin: 0 0 30px;
    padding-bottom: 30%
}

.m_con_push {
    float: left;
    width: 50%
}

.news_m_con .news_pbox>ul,
.news_m_con .news_pbox>ul>li {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    float: left
}

.news_m_con .news_pbox ul li span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    padding: 20px 10px 10px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0))
}

.news_m_con .news_pbox ol {
    position: absolute;
    top: 15px;
    left: 50%;
    z-index: 9;
    margin-left: -90px;
    font-size: 0;
    overflow: hidden
}

.news_m_con .news_pbox ol li.active {
    background-color: #e62129
}

.news_m_con .news_pbox ol li {
    float: left;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #888;
    font-size: 0;
    cursor: pointer
}

.news_m_list {
    width: 50%
}

.news_m_list .news_list_layer {
    width: 100%;
    padding-left: 30px
}

.news_m_list ul li {
    overflow: hidden;
    height: 32px;
    line-height: 32px
}

.news_m_list ul li i {
    float: left;
    font-size: 12px;
    font-style: normal;
    color: #E62129;
    padding-right: 5px
}

.news_m_list ul li a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.news_m_list ul li span {
    float: right;
    padding-left: 10px;
    color: #888;
    font-size: 14px
}

.push_model {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.push_img {
    float: left;
    width: 40%
}

.push_img a {
    display: block;
    height: 0;
    padding-bottom: 66%;
    border-radius:10px;
    overflow: hidden
}

.push_mess {
    float: left;
    width: 60%;
    padding-left: 20px
}

.push_mess h2 {
    font-size: 18px;
    line-height: 1.6;
    text-align: justify
}

.push_datetime {
    font-size: 14px;
    line-height: 2.3;
    color: #888
}

.push_desc {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #666
}

.talent-platform {
    padding: 10px 0 20px
}

.talent-platform .m_con_push {
    width: 102%
}

.talent-platform .push_model {
    width: 23%;
    margin: 0 2% 0 0;
    border: 1px solid #f6f6f6;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    transition: .4s
}

.talent-platform .push_model:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px #f5f5f5;
    transition: .4s !important
}

.talent-platform .push_img {
    width: 100%;
    padding: 0
}

.talent-platform .push_mess {
    width: 100%;
    padding: 0 10px 16px
}

.talent-platform .push_mess h2 {
    text-align: center;
    line-height: 2.2;
    font-weight: 400
}

.talent-platform .push_desc {
    text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

/* company news */
.m_list {
    float: left;
    margin-top: 20px;
    width: 100%
}

.m_list ul {
    overflow: hidden
}

.m_list ul li {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding-bottom: 30px;
    border-bottom: #ececec 1px solid
}

a.ml_img {
    display: block;
    float: left;
    width: 30%;
    height: 0;
    padding-bottom: 20%;
    overflow: hidden
}

a.ml_img img {
    width: 100%
}

.ml_mess {
    float: left;
    width: 70%;
    padding-left: 30px
}

.m_list ul li h2 {
    display: inline-block;
    width: 100%;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
}

.m_list ul li h2 i {
    float: left;
    margin-right: 5px;
    color: red;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

p.ml_time {
    padding: 0 0 10px;
    color: #888;
    font-size: 14px
}

p.ml_desc {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

.tabs_con_m {
    margin: 0
}

.tabs_con_m a.pic_push {
    padding-bottom: 50%;
    border-radius: 0
}

.products {
    width: 100%;
    padding: 20px 0 0;
    overflow: hidden
}

.products li {
    width: 25%;
    margin: 0;
    padding: 0 8px 20px
}

.products li:hover {
    box-shadow: none
}

.products li:hover .pic_layer {
    box-shadow: 0 3px 6px #eee
}

.products a.pic_push {
    border-radius: 0
}

.news_m_con.padt20 {
    padding: 25px 0
}

.jobs_m_img {
    float: left;
    width: 30%;
    border: none
}

.jobs_m_mess {
    float: left;
    width: 70%;
    padding-left: 30px
}

.jobs_m_img a {
    display: block;
    height: 0;
    padding-bottom: 66%;
    overflow: hidden;
    transition: .4s
}

.jobs_m_img a img {
    width: 100%;
    transition: 1.2s linear
}

.jobs_m_img a:hover {
    box-shadow: 0 4px 8px #ccc
}

.jobs_m_img:hover img {
    transform: translateY(-30px)
}

.jobs_m_mess h2 {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

.jobs_m_mess .mess_desc {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

/*magazine*/
.maga_c_img {
    float: left;
    width: 30%
}

.maga_c_mess {
    float: left;
    width: 70%;
    padding-left: 40px
}

.prox_bimg_layer {
    width: 100%;
    height: 0;
    padding-bottom: 128%;
    border-radius: 6px;
    box-shadow: 0 4px 10px #ddd;
    overflow: hidden
}

.prox_bimg_layer img {
    width: 100%
}

.maga_c_mess h4 {
    font-size: 24px
}

.c_mess_list {
    padding: 20px 0
}

.c_mess_list p {
    font-size: 16px;
    line-height: 1.6
}

.c_mess_btns {
    width: 100%;
    float: left;
    padding-top: 30px;
    line-height: 36px
}

.c_mess_btns a {
    display: inline-block;
    padding: 0 16px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer
}

.m_news_con {
    padding: 30px 0
}

.solutions .m_news_con {
    padding: 0 !important
}

.m_news_con .intr_tit {
    font-size: 24px;
    line-height: 3
}

.m_news_con .n_tools {
    height: 40px;
    line-height: 40px
}

.m_news_con .n_tools a {
    display: inline-block;
    float: right
}

.m_news_con .n_tools a:before {
    content: '\e752';
    font-family: iconfont;
    padding-right: 5px
}

/* investor */
.invest_m {
    width: 100%
}

.invest_m_chart {
    float: left;
    width: 50%
}

.invest_m_mess {
    float: left;
    width: 50%;
    padding-left: 30px
}

.invest_chart_tabs {
    width: 100%;
    border: 1px solid #F9F9F9;
    border-bottom: none;
    background-color: #efefef
}

.invest_chart_tabs ul {
    overflow: hidden
}

.invest_chart_tabs ul li {
    float: left;
    padding: 0 20px;
    font-size: 16px;
    line-height: 2;
    transition: .4s
}

.invest_chart_tabs ul li.curr {
    background-color: #E62129
}

.invest_chart_tabs ul li.curr a {
    color: #fff
}

.invest_tabs_con {
    width: 100%;
    padding: 25px;
    border: 1px solid #f6f6f6;
    background-color: #fff
}

.invest_tabs_m {
    position: relative;
    min-height: 315px;
    height: 315px\9;
    background-color: #fff;
    overflow: hidden
}

.invest_tabs_m img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    top: 0\9;
    left: 50%;
    left: 0\9;
    transform: translate(-51%, -50%)
}

.invest_mess_tit {
    height: 40px;
    line-height: 50px;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 20px;
}

.invest_bg {
    padding: 20px 0;
}

.invest_bg .intr_tit {
    line-height: 50px;
    font-size: 24px;
    /* font-weight:800 */
}

.invest_bg .intr_tit span {
    font-size: 30px;
    vertical-align: middle;
}

.invest_price {
    font-size: 16px;
}

.invest_price span {
    /* color:#E62129; */
    font-size: 54px;
    font-weight: 800
}

.invest_price i {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 2
}

.invest-tip {
    color: #999999;
    font-size: 14px;
}

.invest-tip span {
    display: inline;
    color: #999999;
    font-size: 14px;
}

.invest-tip a {
    color: #999999;
}

.invest-tip a:hover {
    color: #333333;
}

.invest_mess_con {
    padding: 20px 0
}

.invest_mess_tit span {
    margin-left: 10px;
    /* color:#e62129; */
    font-size: 30px;
    vertical-align: -4px;
}

.invest_mess_con i {
    float: left;
    width: 30%;
    font-style: normal;
    font-size: 16px;
    line-height: 2
}

.invest_mess_con i span {
    font-weight: bold;
    font-size: 26px;
    display: block;
}

.invest_txt {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #F6F6F6;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify
}

.invest_txt i {
    padding-left: 10px;
    font-style: normal;
    font-size: 14px
}

.invest_txt i a {
    color: #e62129
}

/* business */
.business {
    width: 102%;
    padding-top: 30px
}

.business li {
    position: relative;
    width: 31.333333%;
    float: left;
    margin: 0 2% 30px 0;
    height: 0;
    padding-bottom: 18%;
    overflow: hidden;
    cursor: pointer
}

.business li:hover {
    box-shadow: 0 4px 8px #ddd
}

.business li img {
    position: absolute;
    top: 50%;
    top: 0\9;
    left: 0;
    transform: translateY(-50%);
    transition: 1s
}

.business li:hover img {
    transform: scale(1.08) translateY(-50%)
}

.business a {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    line-height: 300px;
    margin-top: -150px;
    text-align: center;
    font-size: 28px;
    color: #f9f9f9;
    background-color: rgba(0, 0, 0, .4)
}

/* 人才聚合页 */
.m_tit_tabs {
    margin-top: -1px;
    line-height: 42px;
    border-bottom: 1px solid;
    background-color: #FFFFFF;
}

.hr-banner-box {
    width: 100%;
    height: 560px;
    padding: 55px 0;
    background-color: #F6F6F6;
    border: .5px solid #F0F0F0;
    background: url("../images/hr-bg.jpg")
        /*tpa=https://www.hgtech.com.cn/resource/cms/www/default/images/hr-bg.jpg*/
        center no-repeat;
    background-size: cover;
}

.hr-banner-content {
    width: 1320px;
    height: 450px;
    margin: 0 auto;
    background-color: #FFFFFF;
    overflow: hidden;
}

.hr-banner-video {
    float: left;
    width: 800px;
    height: 100%;
    background-color: #000000;
}

.video-list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 10px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #F0F0F0;
    background: linear-gradient(to right, rgba(0, 0, 0, .4) 30%, rgba(0, 0, 0, 0) 80%);
    transform: translate3d(0, -5px, 0);
    opacity: 0;
    transition: .3s;
}

#video-button {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 80px;
    height: 80px;
    margin: -60px 0 0 -40px;
    line-height: 78px;
    text-align: center;
    font-size: 32px;
    color: rgba(255, 0, 0, .8);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .6);
    font-family: 'iconfont';
    background-color: rgba(255, 255, 255, .2);
    cursor: pointer;
}

#video-button::before {
    content: '\e6fe';
}

/* #video-button.button-pause{
	color:#ff9a27;
}
#video-button.button-pause:before{
	content: '\e652';
} */
.video-list:hover .video-title {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.video-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-item video {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.video-tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 60px;
    padding: 10px;
    background: linear-gradient(to right, rgba(0, 0, 0, .6) 30%, rgba(0, 0, 0, 0) 80%);
    overflow: hidden;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    transition: .3s;
}

.video-list:hover .video-tabs,
.video-list:hover #full-screen,
.video-list:hover #mini-play {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.video-tabs a {
    display: block;
    position: relative;
    float: left;
    width: 68px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .4);
    margin-right: 10px;
    overflow: hidden;
    opacity: .8;
}

.video-tabs a.active {
    background-color: #bc000f;
    opacity: 1;
}

/* .video-tabs a.active:before{
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:18px;
	line-height:18px;
	margin:-9px 0 0 -6px;
	font-size:16px;
	content: '\e6fe';
	font-family:'iconfont';
	color:#E62129;
} */
.video-tabs a.active img {
    filter: saturate(3);
}

.video-tabs a img {
    display: block;
    height: 38px;
}

.video-list>a {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    z-index: 4;
    width: 30px;
    text-align: right;
    line-height: 30px;
    font-size: 22px;
    font-family: 'iconfont';
    color: #FFFFFF;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    transition: .3s;
}

.video-list>a:hover {
    color: #E62129;
}

#mini-play {
    right: 60px;
}

#full-screen {
    right: 15px;
}

#mini-play:before {
    content: '\e6fe';
}

#mini-play.mini-pause:before {
    content: '\e652';
}

#full-screen:before {
    content: '\e644';
}

.hr-banner-news {
    float: left;
    width: 520px;
    padding: 0 30px;
}

.hr-banner-title {
    position: relative;
    height: 68px;
    margin-bottom: 10px;
    line-height: 76px;
    font-weight: 400;
    color: #000000;
    border-bottom: .5px solid #F0F0F0;
}

.hr-banner-title h6 {
    display: inline;
    padding-left: 10px;
    border-left: 4px solid #E62129;
    font-size: 22px;
    font-weight: 400;
}

#hr-news-page {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 12px;
    font-family: 'iconfont';
}

#hr-news-page a {
    padding: 2px 6px;
    border: .5px solid #E6E6E6;
    color: #AAAAAA;
    cursor: pointer;
}

#hr-news-page a:hover {
    background-color: #E62129;
    color: #FFFFFF;
}

#hr-news-page a::before {
    content: '\e603';
}

#hr-news-page a:first-child:before {
    content: '\e656';
}

.none-more {
    border-color: #F4F4F4 !important;
    background-color: #F6F6F6 !important;
    color: #E6E6E6 !important;
}

.none-more {
    cursor: none !important;
}

.hr-banner-news {
    height: 100%;
    border-bottom: 20px solid #FFFFFF;
    overflow: hidden;
}

.hr-banner-news ul {
    height: 100%;
    overflow: hidden;
}

.hr-banner-news ul li {
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.hr-banner-news ul li a {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #666666;
}

.hr-banner-news ul li a span {
    display: inline-block;
    margin-right: 4px;
    padding: 0 4px;
    line-height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 2px;
}

span.news-stick {
    background-color: #e76769;
}

span.news-latest {
    background-color: #8fe08b;
}

.hr-banner-news ul li a:hover {
    color: #E6212A;
}

span.tag-red {
    background-color: #e6727d;
}

span.tag-green {
    background-color: #83b375;
}

span.tag-blue {
    background-color: #809fd7;
}

span.tag-yelow {
    background-color: #ffb246;
}

/*人才招聘职位列表*/
.m_tit_subs {
    display: flex;
    width: 100%;
    margin: 40px 0 30px;
}

.m_tit_subs ul {
    display: flex;
    width: 100%;
    border: 1px solid #f0f0f0;
}

.m_tit_subs ul li {
    display: flex;
    justify-content: center;
    flex: 1;
    font-size: 18px;
    line-height: 48px;
    font-weight: 600;
    background-color: #ffffff;
    cursor: pointer
}


.m_tit_subs ul li.curr {
    height: 100%;
    color: #ffffff;
    background-color: #E6212A;
}

.m_tit_subs ul li:not(.curr):hover a {
    color: #E6212A
}

.m_tit_subs ul li.curr a {
    color: #fff
}

.m_tit_subs ul li.curr .arr {
    display: none;

}

.m_tit_subs ul li .arr {
    position: absolute;
    top: 42px;
    left: 45%;
    display: none;
    border: 6px solid
}

/* 新版招聘列表 */
.job-label {
    padding: 10px 30px;
    background-color: #f6f6f6;
}

.job-label span {
    font-size: 14px;
    color: #999999;
}

.job-tr {
    display: flex;
    justify-content: space-between;
}

.job-tr>span {
    width: 90px;
    width: calc((100% - 260px) / 4);
}

.job-tr span:first-child {
    width: 200px;
}

.job-tr>span:last-child {
    display: flex;
    width: 60px;
    justify-content: center;
}



.job-list .job-item:nth-child(2n) {
    background-color: #f6f6f6;
}

.job-item .job-abstract {
    padding: 30px;

}

.job-abstract>span {
    font-size: 16px;
    color: #333333;
}

.job-item {
    border: 1px solid #F6F6F6;
}

.job-item .job-wrap {
    display: none;
    padding: 30px;
}

.job-abstract {
    border-bottom: 1px solid #f6f6f6;
}

.job-abstract .toggle {
    cursor: pointer;
}

.job-abstract .toggle::before {
    content: '';
    display: flex;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #999999 transparent transparent transparent;
    transform: translateY(6px);
}

.job-abstract .toggle:hover::before {
    border-color: #ed3323 transparent transparent transparent;
}

.job-wrap .go-apply {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    margin: 30px 0 15px;
    color: #ffffff;
    background-color: #ed3323;
}

.job-detail p {
    background-color: transparent !important;
}









.hr-box {
    width: 100%;
    border: 1px solid #e6e9ed
}

.hr-box table {
    width: 100%
}

.hr-box table tr {
    text-align: center;
    font-size: 16px;
    line-height: 3.2
}

.hr-box table tr td.first,
.hr-box thead th.first {
    padding-left: 20px;
    text-align: left
}

.hr-box tbody tr:hover {
    background: #fffbea;
    color: #ed3323
}

.hr-box tbody tr.pages_tr:hover {
    background: 0 0
}

.hr-box tbody td {
    border-top: 1px solid #e6e9ed
}

.hr-box thead th {
    background: #f5f7fa
}

.hr-box thead th div {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    margin: 18px 0;
    border-right: 1px solid #ddd
}

.hr-box thead th:last-child div {
    border: none
}

td.first a {
    display: inline-block;
    position: relative
}

td.first a:after {
    content: '申请职位';
    display: inline-block;
    position: absolute;
    right: -65px;
    top: 18px;
    z-index: 2;
    width: 65px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    background-color: #FF4B3D;
    color: #fff;
    border-radius: 4px;
    -ms-transform: scale(.8, 0);
    transform: scale(.8, 0);
    overflow: hidden;
    transition: .4s
}

td.first a:hover:after {
    -ms-transform: scale(.8);
    transform: scale(.8);
    -ms-transform-origin: center;
    transform-origin: center
}

.job_btn {
    margin: 20px;
    width: 100px;
    font-size: 16px;
    line-height: 2.4;
    border-radius: 4px;
    text-align: center;
    background-color: #ff4f4f;
    color: #fff
}

.job_btn a {
    color: #fff
}

.job_btn:hover {
    background-color: #f63b2e
}

.job_btn:hover a {
    color: #fff
}

.job_con_tit {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 6
}

.job_mess ul {
    overflow: hidden;
    width: 100%;
    margin: 10px 0 30px;
    padding: 20px;
    background-color: #F9F9F9
}

.job_mess ul li {
    float: left;
    width: 50%;
    color: #414141;
    font-size: 16px;
    line-height: 2;
    color: #888
}

.job_mess ul li span {
    padding-left: 10px;
    font-weight: 400;
    color: #333
}

.artic_txt {
    padding: 20px;
    font-size: 16px;
    line-height: 2
}

/*新闻详情页*/
.m_news_con h3 {
    padding-top: 40px;
    width: 100%;
    text-align: left;
    font-size: 32px;
    line-height: 2
}

.solutions h3 {
    padding-top: 20px !important
}

.news-date {
    display: block;
    width: 100%;
    margin: 10px 0 25px;
    font-size: 16px;
    line-height: 1;
    color: #666
}

.n_tools {
    position: relative;
    height: 46px;
    width: 100%;
    border-bottom: #ececec 1px solid;
    color: #888;
    font-size: 14px
}

#news-share {
    display: inline-block;
    float: left;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 10;
    width: 100%;
}

#news-share span {
    display: inline-block;
    width: 36px;
    margin-right: 10px;
    font-family: iconfont;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: #BBB;
    cursor: pointer;
    border: 1px solid #F0F0F0;
    border-radius: 40px;
    background-color: #F9F9F9;
    overflow: hidden;
    transition: .1s
}

#news-share span:hover {
    background-color: #F0F0F0;
    font-size: 20px
}

#news-share a {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    background-color: #F9F9F9;
    border: .5px solid #F0F0F0;
    color: #888888;
}

#news-share a::before {
    content: '\e752';
    font-family: 'iconfont'
}

#share-wechat:before {
    content: '\e61a'
}

#share-weibo:before {
    content: '\e62a'
}

#share-linkedin:before {
    content: '\e6b3'
}

#share-wechat:hover {
    color: #46d046
}

#share-weibo:hover {
    color: #ef6c38
}

#share-linkedin:hover {
    color: #ffca2e
}

.news_m_tabs {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    border: none
}

.news_m_tabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news_m_tabs ul li {
    position: relative;
    top: 1px;
    z-index: 5;
    float: left;
    margin-right: 20px;
    padding: 0 20px;
    width: auto;
    height: 42px;
    background-color: #ededed;
    font-size: 87%;
    line-height: 42px;
    cursor: pointer
}

.news_m_tabs ul li span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    background-color: #ed3323;
    -webkit-transition: height .3s;
    transition: height .3s
}

.news_m_tabs ul li:hover span {
    height: 100%;
    color: #fff
}

.news_m_tabs ul li.curr span {
    height: 100%;
    color: #fff
}

.news_m_tabs ul li:hover a {
    color: #fff
}

.news_m_tabs ul li.curr a {
    color: #fff
}

.news_m_tabs ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.news_m_tabs ul li.curr .arr {
    display: inline-block;
    border-color: #ed3323 transparent transparent transparent
}

.news_m_tabs ul li .arr {
    position: absolute;
    top: 42px;
    left: 45%;
    display: none;
    border: 6px solid
}

.magazine_lists {
    width: 100%;
    overflow: hidden
}

.magazine_lists ul {
    width: 100%;
    float: left;
    border: 1px solid #F0F0F0
}

.magazine_lists .lw {
    float: left;
    width: 25%;
    padding: 30px 30px 0
}

.magazine_lists .lw>a,
.magazine_lists .sw>a {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 126%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 16px #aaa;
    background-color: #f9f9f9;
    transition: .4s
}

.magazine_lists .lw>a img,
.magazine_lists .sw>a img {
    position: absolute;
    top: 50%;
    top: 0\9;
    transform: translateY(-50%)
}

.magazine_lists .lw>a:hover,
.magazine_lists .sw>a:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px #999
}

.magazine_lists .lw>a:after,
.magazine_lists .sw>a:after {
    transition: 1s
}

.magazine_lists .lw>a:hover:after,
.magazine_lists .sw>a:hover:after {
    transform: skewX(-30deg) translateX(100%)
}

.magazine_lists .lw h2,
.magazine_lists .sw h2 {
    font-size: 18px;
    line-height: 3;
    text-align: center
}

.magazine_lists .sw {
    float: left;
    width: 33.333333%;
    padding: 25px 25px 10px
}

/* share */
#qr-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8)
}

#wechat-qr:before {
    content: '\e62e';
    font-family: iconfont;
    font-size: 16px;
    color: #E62129;
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000001;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: -137px 0 0 94px;
    border-radius: 50%;
    background-color: #F9F9F9;
    box-shadow: 0 1px 2px #666
}

#wechat-qr {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000000;
    margin: -120px 0 0 -150px;
    width: 260px;
    height: 290px;
    padding: 10px 10px 0;
    border-radius: 6px;
    background-color: #fff;
    animation: qrScale .4s
}

#wechat-qr:after {
    content: '打开微信扫一扫';
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center
}

@keyframes qrScale {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1;
        border-radius: 6px
    }
}

#news-reader {
    display: none\9;
    position: fixed;
    right: 50%;
    z-index: 100;
    margin-top: 15px;
    margin-right: -369px;
    height: 48px;
    float: right;
    border: 1px solid #EEE;
    border-radius: 40px 0 0 40px;
    background-color: #F0F0F0;
    transition: .4s
}

.reader-bottom {
    bottom: 440px
}

#news-reader span {
    display: inline-block;
    float: left;
    overflow: hidden;
    transition: .4s
}

.audio-btn {
    width: 36px;
    height: 36px;
    margin: 5px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    font-family: iconfont
}

.play {
    border-radius: 36px;
    margin-left: 1.5px;
    border: 1px solid #fff;
    background: #DDD;
    cursor: pointer;
    color: #E62129
}

.play:hover {
    color: #2dda68
}

.play-tip {
    width: 80px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #999
}

.play-tip span {
    padding-left: 5px
}

.pause-btn,
.stop-btn {
    width: 0;
    margin: 0;
    background: #b6b6b6;
    border-radius: 40px;
    border: 1px solid #fff;
    overflow: hidden;
    -ms-transform: scale(0);
    transform: scale(0);
    cursor: pointer
}

.play:before {
    content: '\e67e'
}

.pause-btn:before {
    content: '\e6db'
}

.stop-btn:before {
    content: '\e612'
}

.swith-btn:before {
    content: '\e625'
}

.audio-btn-show {
    width: 36px;
    margin: 5px 0 5px 5px;
    color: #eee;
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-transform-origin: center;
    transform-origin: center
}

.audio-btn-hide {
    width: 0;
    margin: 0;
    padding: 0;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: center;
    transform-origin: center
}

.audio-fix {
    margin-right: -360px !important;
    border-radius: 40px !important;
    background-color: #F6F6F6 !important;
    box-shadow: 0 4px 10px #F0F0F0 inset, 3px 6px 20px #CCC;
    border-color: #d9d9d9 !important
}

.play-tip i {
    display: inline-block;
    float: left;
    margin: 0 1px;
    width: 2px;
    height: 26px;
    margin-top: 11px;
    -ms-transform: scaleY(.06);
    transform: scaleY(.06);
    border-radius: 4px;
    background-color: #2dda68;
    animation: load 1s ease infinite
}

.play-tip-pause i {
    -ms-transform: scaleY(.06) !important;
    transform: scaleY(.06) !important;
    animation: none
}

@-webkit-keyframes load {

    0%,
    100% {
        transform: scaleY(.1);
        opacity: 1
    }

    50% {
        transform: scaleY(.8);
        opacity: .6
    }
}

.play-tip i:nth-child(18),
.play-tip i:nth-child(2) {
    animation: none
}

.play-tip i:nth-child(17),
.play-tip i:nth-child(3) {
    animation: none;
    transform: scaleY(.2)
}

.play-tip i:nth-child(4) {
    animation-delay: 0
}

.play-tip i:nth-child(5) {
    animation-delay: .3s
}

.play-tip i:nth-child(6) {
    animation-delay: .6s
}

.play-tip i:nth-child(7) {
    animation-delay: .9s
}

.play-tip i:nth-child(8) {
    animation-delay: 1.2s
}

.play-tip i:nth-child(9) {
    animation-delay: 1.5s
}

.play-tip i:nth-child(10) {
    animation-delay: 1.8s
}

.play-tip i:nth-child(11) {
    animation-delay: 2.1s
}

.play-tip i:nth-child(12) {
    animation-delay: 2.4s
}

.play-tip i:nth-child(13) {
    animation-delay: 2.7s
}

.play-tip i:nth-child(14) {
    animation-delay: 3s
}

.play-tip i:nth-child(15) {
    animation-delay: 3.3s
}

.play-tip i:nth-child(16) {
    animation-delay: 3.6s
}

.play-tip i:nth-child(17) {
    animation-delay: 3.9s
}

#tts {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.artic_txt {
    min-height: 600px;
    padding: 40px 0
}

.artic_txt p {
    text-align: justify;
    font-size: 16px;
    line-height: 1.8 !important
}

.artic_txt img {
    display: block;
    /* width: 100%; */
    width:auto;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 4px
}
.artic_txt table tr td{border:#f7f7f7 1px solid;}
/*pre & next*/
.detail_bot ul {
    overflow: hidden
}

.detail_bot ul li {
    float: left;
    width: 50%;
    padding-left: 70px;
    font-size: 16px;
    line-height: 3;
    background-color: #F9F9F9;
    text-indent: 10px
}

.detail_bot ul li a {
    display: block;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_bot ul li .mark,
.detail_bot ul li .time {
    display: none
}

.detail_bot li#prev {
    border-right: 2px solid #fff
}

.detail_bot li#next {
    border-left: 2px solid #fff
}

.detail_bot li:before {
    display: inline-block;
    float: left;
    width: 70px;
    margin-left: -70px;
    text-align: center;
    text-indent: 0;
    color: #999;
    background-color: #EEE
}

.detail_bot #prev:before {
    content: '上一篇'
}

.detail_bot #next:before {
    content: '下一篇'
}

.piccontext {
    margin-bottom: 80px;
    padding: 20px 40px;
    overflow: hidden;
    background-color: #fff
}

.piccontext h2 {
    width: 100%;
    overflow: hidden;
    line-height: 2
}

.source {
    width: 100%;
    padding: 10px 0 20px;
    overflow: hidden
}

.source_left {
    float: left;
    width: 50%;
    font-size: 0;
    color: #fff
}

.source_left span {
    font-size: 16px;
    line-height: 2;
    color: #999
}

.source_right {
    float: right;
    font-size: 16px;
    line-height: 2;
    color: #666
}

.source_right a {
    display: inline-block;
    font-size: 16px;
    line-height: 2;
    color: #666
}

.gaoqing:hover,
.source_right a:hover {
    color: #E62129 !important
}

.source_right a:before {
    display: inline-block;
    margin: 0 5px;
    content: '\e607';
    font-family: iconfont
}

.source_right span {
    padding: 0 10px;
    color: #EEE
}

.source_right1 {
    display: none;
    float: right
}

.support {
    float: left;
    font-size: 16px;
    line-height: 2
}

.gaoqing i,
.support i {
    display: inline-block;
    margin: 0 5px;
    font-size: 0;
    color: #fff;
    font-family: iconfont
}

.gaoqing i:before {
    content: '\e629';
    font-family: iconfont;
    font-size: 16px;
    color: #666
}

.support i:first-child:before {
    content: '\e605';
    font-size: 16px;
    color: #E62129
}

.support i:last-child:before {
    content: '\e606';
    font-size: 16px;
    color: #E62129
}

.picshow {
    width: 100%;
    overflow: hidden
}

.picshowtop {
    width: 100%;
    background-color: #F6F6F6;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.contextDiv {
    height: 100%;
    width: 160px;
    position: absolute;
    top: 0;
    z-index: 5;
    cursor: pointer;
    transition: .4s
}

.picshowtop:hover .contextDiv {
    transform: translateX(0) !important
}

#preArrow {
    left: 0;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    transform: translateX(-160px)
}

#nextArrow {
    right: 0;
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    transform: translateX(160px)
}

.contextDiv span {
    display: inline-block !important;
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 120px;
    line-height: 60px;
    margin-top: -30px;
    text-align: center;
    font-size: 42px;
    color: #fff;
    font-family: iconfont
}

#preArrow span {
    left: 0
}

#nextArrow span {
    right: 0
}

.contextDiv:hover span {
    color: #E62129
}

#preArrow_A:before {
    content: '\e656'
}

#nextArrow_A:before {
    content: '\e603'
}

.picshowtop img {
    width: 100%;
    margin-top: -10%
}

.picshowtop>a:first-child {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}

.picshowtxt {
    width: 100%;
    margin-top: 25px;
    border: #ddd 1px solid
}

.picshowtxt_left {
    float: left;
    width: 6%;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background-color: #F0F0F0;
    letter-spacing: 2px
}

.picshowtxt_left i {
    font-style: normal
}

.picshowtxt_left i:before {
    content: '/';
    padding: 0 4px;
    color: #ff4f4f
}

.picshowtxt_right {
    float: left;
    width: 94%;
    line-height: 50px;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.picshowlist {
    width: 100%;
    margin-top: 20px;
    overflow: hidden
}

.picshowlist_left,
.picshowlist_right {
    float: left;
    width: 15%;
    overflow: hidden
}

.picshowlist_left {
    padding-right: 36px
}

.picshowlist_right {
    padding-left: 36px
}

.picleftimg a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 53%;
    border-radius: 4px;
    overflow: hidden
}

.picleftimg a img {
    width: 100%
}

.piclefttxt {
    width: 100%
}

.piclefttxt a {
    color: #686868
}

.piclefttxt {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-top: -30px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center
}

.piclefttxt a,
.piclefttxt span {
    display: block;
    color: #F6F6F6;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.picshowlist_mid {
    float: left;
    position: relative;
    width: 70%
}

/**Start新增人资板块图集样式**/
.hr_pic {
    width: 100%;
    padding: 0 34px;
}

.hr_pic .picmidleft {
    left: 0;
}

.hr_pic .picmidright {
    right: 0;
}

/**Start新增人资板块图集样式**/
.picmidleft {
    position: absolute;
    top: 50%;
    left: -24px;
    z-index: 2;
    width: 30px;
    height: 300px;
    margin-top: -150px
}

#nextArrow_B i,
#preArrow_B i {
    display: none
}

#nextArrow_B,
#preArrow_B {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 300px;
    text-align: center;
    font-family: iconfont;
    background-color: #999;
    color: #fff
}

#preArrow_B:before {
    content: '\e656'
}

#nextArrow_B:before {
    content: '\e603'
}

.picmidright {
    position: absolute;
    top: 50%;
    right: -24px;
    z-index: 2;
    width: 30px;
    height: 300px;
    margin-top: -150px
}

.picmidmid {
    float: left;
    width: 100%;
    overflow: hidden
}

.picmidmid ul {
    width: 1000%;
    overflow: hidden;
    position: relative
}

.picmidmid ul li {
    float: left;
    margin-left: 13px;
    width: 116px;
    text-align: center;
    overflow: hidden;
    position: relative
}

.picmidmid ul li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 68%;
    overflow: hidden
}

.picmidmid ul li img {
    border: 2px solid #fff;
    border-radius: 4px
}

.selectpic {
    border: 2px solid #ffa200 !important
}

.piclistshow {
    width: 100%;
    display: none;
    overflow: hidden
}

.piclistshow ul {
    width: 100%;
    width: 103%\9;
    overflow: hidden
}

.piclistshow ul li {
    float: left;
    width: calc(25% - 2px) !important;
    margin: 30px 3% 0 0\9;
    padding: 15px;
    padding: 0\9;
    border: 1px solid #f6f6f6;
    border: none\9;
    overflow: hidden;
    cursor: pointer
}

.piclistshow ul li:hover {
    background-color: #f6f6f6
}

.picimg {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden
}

.pictxt {
    width: 100%;
    height: 48px;
    padding: 4px;
    overflow: hidden
}

.pictxt h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.pictxt i,
.pictxt span {
    font-style: normal;
    font-size: 12px;
    color: #ff4f4f
}

.bodymodal {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 1100;
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.endtop,
.firsttop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50% !important;
    width: 600px;
    padding: 10px;
    margin-top: -159px;
    margin-left: -300px;
    z-index: 1200;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .9);
    background: #1C1C1C\9
}

.pictwo,
.pictwo ul {
    width: 100%;
    padding: 6px 0 0;
    overflow: hidden
}

.pictwo ul li {
    float: left;
    width: 50%;
    padding: 0 20px
}

.pictwo ul li>a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    border-radius: 4px;
    overflow: hidden
}

.pictwo ul li a img {
    width: 100%;
    max-width: 2000%
}

.close2 {
    width: 30%;
    float: right;
    padding: 10px 20px 30px
}

.close2 a {
    display: block;
    width: 100%;
    text-align: right;
    color: #F9F9F9
}

.close2 a:before {
    content: '\e62e';
    font-family: iconfont
}

.close2 a i,
.replaybtn1 i,
.replaybtn2 i {
    display: none
}

.replay {
    width: 70%;
    float: left;
    padding: 20px;
    font-size: 14px;
    color: #F6F6F6
}

.replay h2 {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 400
}

.replaybtn1,
.replaybtn2 {
    display: in1line-block;
    color: #F9F9F9;
    padding: 0 8px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 2px
}

.imgdivtext,
.returnbtn {
    width: 100%;
    padding: 5px 20px;
    text-align: center
}

.imgdivtext a {
    font-size: 14px;
    color: #777
}

.returnbtn a {
    display: block;
    width: 100%;
    margin: 20px 0 10px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .1);
    color: #999
}

/* product detail */
/* #messBox{display:none} */
#messBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.messDetail {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999999;
    width: 600px;
    margin: -300px 0 0 -300px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
}

.infoBox_tit {
    padding: 15px 20px;
    font-family: iconfont;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    background-color: #F9F9F9
}

.infoBox_tit>i {
    float: left;
    font-size: 24px;
    line-height: 20px
}

.close-reveal-modal {
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #999
}

#guestBoxCon>div {
    width: 100%;
    padding: 10px 20px;
    overflow: hidden
}

#guestBoxCon label {
    display: block;
    float: left;
    width: 80px;
    line-height: 30px;
    padding-right: 15px;
    text-align: right;
    font-size: 14px;
    color: #888
}

#guestBoxCon input {
    display: block;
    float: left;
    width: 440px;
    height: 30px;
    padding: 0 10px;
    line-height: 20px;
    border: 1px solid #DDD;
    outline: 0
}

#guestBoxCon select {
    display: block;
    width: 300px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #DDD;
    outline: 0
}

#guestBoxCon textarea {
    width: 440px;
    height: 80px;
    padding: 0 10px;
    line-height: 2;
    border: 1px solid #DDD;
    outline: 0
}

#gcaptcha {
    width: 100px !important
}

.verify img {
    display: inline-block;
    width: 100px;
    margin-left: 20px
}

.mess-subm {
    text-align: center;
    background-color: #F9F9F9
}

.mess-subm button {
    display: inline-block;
    margin: 16px 0;
    padding: 6px 20px;
    font-size: 14px;
    letter-spacing: 3px;
    outline: 0;
    border: none;
    border-radius: 2px;
    background-color: #ff4f4f;
    color: #fff;
    cursor: pointer
}

.mess-subm button:last-child {
    background-color: transparent;
    color: #999
}

.prox_sec {
    padding: 30px 0
}

.prox_sec_img {
    float: left;
    width: 40%;
    height: 0;
    padding-bottom: 24%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 16px #999
}

.prox_sec_img img {
    width: 100% !important;
    max-width: 1000%
}

.prox_sec_mess {
    width: 60%;
    float: left;
    padding-left: 30px
}

.share_model {
    display: inline-block;
    width: auto;
    padding: 6px 4px;
    border: 1px solid #eee;
    border-radius: 30px;
    transition: .4s
}

.share_model:hover {
    background-color: #F9F9F9
}

.share_model:before {
    content: '分享:';
    display: inline-block;
    position: relative;
    z-index: 2;
    line-height: 24px;
    padding: 0 8px;
    margin: 5px 5px 0 0;
    font-size: 13px;
    color: #999
}

.share_model span {
    font-family: iconfont;
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 34px;
    line-height: 32px;
    margin-right: 10px;
    color: #999;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: #fff;
    cursor: pointer
}

.prox_m_desc {
    padding: 16px 0;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #666
}

.prox_btns a {
    display: inline-block;
    margin: 24px 40px 0 0;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    transition: .4s
}

.prox_btns a:hover {
    transform: translateY(-2px)
}

.prox_btns a ins {
    display: inline;
    text-decoration: none
}

.add_cart {
    background-color: #E62129;
    box-shadow: 0 2px 4px rgba(255, 0, 0, .2)
}

.add_cart:hover {
    box-shadow: 0 3px 12px rgba(255, 0, 0, .5)
}

.add_say {
    background-color: #EF6C38;
    box-shadow: 0 2px 4px rgba(228, 124, 47, .2)
}

.add_say:hover {
    box-shadow: 0 3px 12px rgba(228, 124, 47, .6)
}

.sub-success .mess-subm button {
    display: none
}

.sub-success input,
.sub-success select,
.sub-success textarea {
    border-color: transparent !important
}

.sub-success .verify {
    display: none
}

.sub-success img {
    display: none
}

.sub-success .mess-subm:after,
.sub-success .mess-subm:before {
    display: inline-block;
    margin: 16px 5px;
    height: 31px;
    line-height: 31px;
    overflow: hidden
}

.sub-success .mess-subm:before {
    content: '\e621';
    font-family: iconfont;
    font-size: 30px;
    line-height: 34px;
    color: #2DDA68
}

.sub-success .mess-subm:after {
    content: '留言发送成功！稍后客服人员将与您取得联系，谢谢！';
    font-size: 14px;
    color: #888
}

.sub-alert {
    animation: borderBling 1.2s infinite;
    border: 1px solid #E62129\9
}

.must:before {
    content: "*";
    color: #e62129
}

@-webkit-keyframes borderBling {
    0% {
        border-color: rgba(255, 0, 0, .2)
    }

    50% {
        border-color: rgba(255, 0, 0, .4)
    }

    100% {
        border-color: rgba(255, 0, 0, .2)
    }
}

.reback {
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 0;
    color: #fff
}

.reback i {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 1;
    padding: 0 15px;
    line-height: 30px;
    font-size: 13px;
    color: #888;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 40px
}

.reback i:hover {
    background-color: #F9F9F9;
    color: #E62129
}

.reback i:after {
    content: '返回产品列表'
}

.reback i:before {
    content: '\e752';
    font-family: iconfont;
    padding-right: 10px
}

/* search */
.search_layer {
    padding: 20px 40px;
    background-color: #fff
}

.search_msg {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 3.2;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    color: #888
}

.key_txt {
    color: #e62129
}

.s_list {
    padding: 20px 0;
    border-bottom: 1px solid #f6f6f6
}

.s_list dt {
    font-weight: 700;
    line-height: 2
}

.s_list span {
    color: #666
}

.s_list i {
    font-style: normal
}

.s_list dd {
    font-size: 14px;
    color: #888
}

.s_list .zy {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    padding: 10px 0
}

/* ************************response*********************************** */
@media screen and (max-width:1320px) {
    #news-reader {
        right: 22%;
        margin: 21px
    }

    .audio-fix {
        margin-right: 31px !important
    }

    .hr-banner-content {
        width: calc(100% - 80px);
    }

    .hr-banner-video {
        width: calc(100% - 400px);
    }

    .hr-banner-news {
        width: 400px;
    }
}

@media screen and (max-width:1200px) {
    .body_bg {
        padding-top: 60px
    }

    .p_banner {
        padding-bottom: 26.666666%
    }

    .p_banner a {
        display: block;
        width: 160%;
        height: 0;
        margin-left: -30%
    }

    .leader_words {
        width: 100%
    }

    .a_intr {
        width: 50%;
        padding-bottom: 36%;
        border: 10px solid #F9F9F9
    }

    .leader_txts {
        background-color: #b99b77
    }

    .leader_img img {
        width: 70%
    }

    .long_h.fr {
        border-top: 10px solid #F9F9F9;
        border-left: 0;
        padding-bottom: calc(36% + 20px)
    }

    .long_h.fr p:last-child {
        -webkit-line-clamp: 2
    }

    .short_h.fr {
        border-left: 0
    }

    .leader_txts p {
        line-height: 1.6;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .leader_top p {
        font-size: 24px
    }

    .news_m_con .news_pbox,
    .news_m_con .news_pbox>ul,
    .news_m_con .news_pbox>ul>li {
        width: 100%;
        padding-bottom: 50%
    }

    .news_m_list {
        width: 100%
    }

    .news_m_list .news_list_layer {
        padding-left: 0
    }

    .m_con_push {
        width: 100%
    }

    .m_con_push img {
        width: 100%
    }

    p.ml_desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .jobs_m_mess .mess_desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden
    }

    .invest_m_chart {
        display: none
    }

    .invest_m_mess {
        width: 100%;
        padding: 0
    }

    .invest_mess_tit {
        height: 30px;
        font-size: 18px
    }

    .invest_bg .intr_tit {
        font-size: 18px
    }

    .talent-platform .m_con_push {
        width: 100%
    }

    .talent-platform .push_model {
        float: left;
        width: calc(50% - 20px);
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 20px
    }

    .platform .push_model:nth-child(2n) {
        margin-right: 0;
        margin-left: 20px
    }

    .talent-platform .push_mess h2 a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .talent-platform .push_desc {
        -webkit-line-clamp: 1
    }
}

@media screen and (max-width:1024px) {

    .a_intr_tit,
    .leader_txts h4,
    .news_m_tit {
        font-size: 24px
    }

    .a_intr {
        padding-bottom: 40%
    }

    .leader_txts {
        padding: 20px
    }

    .leader_txts a {
        bottom: 20px;
        left: 20px
    }

    .long_h.fr {
        padding-bottom: calc(40% + 20px)
    }

    .leader_top p {
        font-size: 22px;
        line-height: 1.4
    }

    .jobs_m_mess .mess_desc {
        -webkit-line-clamp: 4
    }

    .magazine_lists .lw {
        float: left;
        width: 33.333333%;
        padding: 20px 20px 0
    }

    .picshowlist_left,
    .picshowlist_right {
        display: none
    }

    .picshowlist_mid {
        width: 100%
    }

    .picmidleft {
        left: 0
    }

    .picmidright {
        right: 0
    }

    .picmidmid {
        padding: 0 20px
    }

    /**Start新增人资板块图集样式**/
    .hr_pic .picmidmid {
        padding: 0
    }

    /**End新增人资板块图集样式**/
    .piclistshow ul li {
        width: 32.333333%;
        width: 30.333333% !important\9;
        border: 1px solid #f6f6f6
    }
}

@media screen and (max-width:900px) {
    .leader_top p {
        font-size: 20px
    }

    .a_intr {
        padding: 15px;
        padding-bottom: 40%
    }

    .long_h.fr {
        padding-bottom: calc(40% + 15px)
    }

    .leader_top {
        padding-bottom: 20%
    }

    .leader_words {
        padding-bottom: 36%
    }

    .leader_img img {
        width: 80%;
        margin: 0
    }

    .leader_font {
        font-size: 14px
    }

    .a_intr_tit,
    .news_m_tit {
        padding-bottom: 10px
    }

    .m_pic_push li h2 {
        font-size: 14px
    }

}

@media screen and (max-width:880px) {
    .hr-banner-box {
        height: auto;
        padding: 40px;
    }

    .hr-banner-content {
        height: auto;
        width: 100%;
    }

    .hr-banner-video {
        width: 100%;
        height: calc((100vw - 80px) * .65);
    }

    .hr-banner-news {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .leader_words {
        padding-right: 0
    }

    .bread_bar {
        font-size: 12px
    }

    .leader_txts {
        right: 0
    }

    .leader_top p {
        font-size: 18px;
        line-height: 1.2
    }

    .a_intr p:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .m_container {
        width: 100%;
        padding: 0 10px 20px;
        border: 1px solid #F3F3F3
    }

    .sidebar {
        width: 100%;
        border: none;
        border-top: 20px solid #F9F9F9
    }

    .sidebar .side_tit {
        padding: 0 10px
    }

    .side_adv {
        display: none
    }

    #nav {
        padding: 0
    }

    #nav li {
        float: left;
        width: 33.333333%;
        margin-bottom: 16px;
        padding: 0 10px;
        border: none
    }

    #nav li a {
        padding: 0;
        line-height: 40px;
        text-align: center;
        border: 1px solid #F0F0F0
    }

    #nav li.on a {
        background-color: #E62129;
        border-color: #E62129
    }

    #nav li a span {
        display: none
    }

    .m_pic_push {
        width: 100%
    }

    .m_pic_push li {
        width: 50%;
        margin: 10px 0;
        padding-right: 10px;
        box-shadow: none !important;
        transform: translate(0) !important
    }

    .m_pic_push li:nth-child(2n) {
        padding: 0 0 0 10px
    }

    .products li {
        padding: 0 10px 0 0
    }

    .products li:nth-child(2n) {
        padding: 0 0 0 10px
    }

    .news_m_list ul li {
        position: relative
    }

    .news_m_list ul li i {
        display: none
    }

    .news_m_list ul li a {
        display: block;
        width: calc(100% - 100px)
    }

    .news_m_list ul li span {
        width: 88px
    }

    .m_news_con h3 {
        font-size: 24px
    }

    #news-reader {
        right: 0;
        margin: 0;
        margin-top: 15px;
        border-color: #fff;
        background-color: #F6F6F6
    }

    #news-reader.audio-fix {
        margin-right: 0 !important;
        border-radius: 40px 0 0 40px !important;
        border: 1px solid #F0F0F0 !important;
        box-shadow: 0 -4px 10px #F0F0F0 inset, 2px 4px 16px #F6F6F6;
        background-color: #F9F9F9 !important
    }

    .audio-fix .play,
    .pause-btn,
    .stop-btn {
        background-color: #E6E6E6
    }

    .audio-btn-show {
        color: #fdfdfd
    }

    .detail_bot ul li {
        width: 100%;
        border: 0 !important;
        margin: 2px 0
    }

    .piccontext {
        padding: 10px 10px 20px;
        margin-bottom: 40px
    }

    .support {
        display: none !important
    }

    .contextDiv {
        transform: translate(0) !important
    }

    #preArrow_A {
        text-align: left;
        padding-left: 14px
    }

    #nextArrow_A {
        text-align: right;
        padding-right: 14px
    }

    .picshowtxt_left {
        width: 80px
    }

    .picshowtxt_right {
        width: calc(100% - 80px)
    }

    .search_msg {
        line-height: 1.6;
        padding: 10px 0;
        text-align: justify
    }

    .search_layer {
        padding: 10px 20px
    }

    .m_business {
        padding: 0 10px
    }

    .piclistshow ul {
        width: 100%
    }

    .piclistshow ul li {
        width: 50% !important;
        margin: 0 !important
    }

    .hr-banner-box {
        height: auto;
        padding: 0;
    }

    .hr-banner-box~.sec_main .sidebar {
        position: static;
        float: left;
    }

    .hr-banner-news {
        padding: 0 20px;
    }

    .sec_main {
        padding-bottom: 0;
    }
}

@media screen and (max-width:640px) {

    .job-label,
    .job-item .job-wrap,
    .job-item .job-abstract {
        padding: 10px;
    }

    .job-tr span:first-child {
        width: 120px;
    }

    .job-tr>span:last-child {
        width: 40px;
    }

    .job-tr>span {
        width: calc((100% - 160px) / 4);
    }

    .job-abstract>span {
        font-size: 14px;
    }

    .job-wrap .go-apply {
        font-size: 14px;
        height: 32px;
    }

    .leader_words {
        padding-bottom: 40%
    }

    .leader_txts h4 {
        height: auto
    }

    .a_intr {
        width: 100%;
        padding-bottom: 60%;
        border-right: 0
    }

    .long_h.fr {
        padding-bottom: calc(60% + 20px)
    }

    .shine_img {
        position: relative;
        height: 0;
        padding-bottom: 40%;
        overflow: hidden
    }

    .shine_img img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .leader_top {
        padding-bottom: 0;
        height: auto
    }

    .leader_t_img {
        width: 100%;
        height: 0;
        padding-bottom: 60%;
        padding-left: 0
    }

    .leader_top p {
        width: 100%;
        padding: 15px;
        font-size: 24px
    }

    .a_intr p:last-child,
    .leader_txts p,
    .long_h.fr p:last-child {
        font-size: 14px
    }

    .magazine_lists .lw,
    .magazine_lists .sw {
        float: left;
        width: 33.333333%;
        padding: 16px 16px 0
    }

    .magazine_lists .lw h2,
    .magazine_lists .sw h2 {
        font-size: 14px
    }

    .endtop,
    .firsttop {
        width: calc(100vw - 20px);
        left: 10px !important;
        top: 100px;
        margin-top: 0;
        margin-left: 0;
        padding: 10px 0
    }

    .replaybtn1,
    .replaybtn2 {
        display: none
    }

    .pictwo ul li {
        padding: 0 10px 0 20px
    }

    .pictwo ul li:last-child {
        padding: 0 20px 0 10px
    }

    .returnbtn a {
        margin: 10px 0 5px
    }

    .picshowtop>a:first-child {
        padding-bottom: 56%
    }

    .prox_sec_img {
        width: 100%;
        padding-bottom: 60%;
        border-radius: 2px
    }

    .prox_sec_img img {
        width: 100%;
        max-width: 1000%
    }

    .prox_sec_mess {
        width: 100%;
        padding: 20px 0 0
    }

    .talent-platform .push_model {
        float: left;
        width: calc(50% - 10px);
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px
    }

    .platform .push_model:nth-child(2n) {
        margin-left: 10px
    }

    .talent-platform .push_desc {
        -webkit-line-clamp: 2
    }

    .talent-platform .push_mess h2 a {
        font-size: 16px
    }

    .talent-platform .push_desc {
        font-size: 12px
    }

    .business {
        width: 102%
    }

    .business li {
        width: 48%;
        margin: 0 2% 12px 0;
        padding-bottom: 28%
    }

    .business a {
        font-size: 18px
    }

    .messDetail {
        left: 5vw;
        width: 90vw;
        margin: 0;
        transform: translateY(-50%)
    }

    #guestBoxCon>div {
        padding: 10px 20px 10px 10px
    }

    #guestBoxCon label {
        width: 70px;
        padding-right: 5px
    }

    #guestBoxCon input,
    #guestBoxCon select,
    #guestBoxCon textarea {
        width: calc(100% - 70px)
    }
}

@media screen and (max-width:520px) {
    .p_banner {
        padding-bottom: 80%
    }

    .banner-second {
        padding-bottom: 60%
    }

    .p_banner a {
        width: 480%;
        margin-left: -40px
    }

    .p_banner a img {
        width: 100%;
        max-width: 100000%;
        filter: blur(6px)
    }

    @keyframes bannerScale {
        from {
            transform: scale(1.4) translateX(40px)
        }

        to {
            transform: scale(1.1) translateX(0)
        }
    }

    .banner-second a {
        width: 360%
    }

    .banner-words {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 100%;
        text-align: center;
        color: #fff
    }

    .banner-second .banner-words {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .banner-second .banner-words h6 {
        margin: 0;
        padding: 0 0 10px
    }

    .banner-second .banner-words p {
        margin: 0;
        padding: 5px 0
    }

    .banner-words h6 {
        font-size: 32px;
        font-weight: 400;
        margin: 42px 0 20px
    }

    .banner-words p {
        font-size: 16px;
        margin: 10px 0 0;
        letter-spacing: 2px
    }

    .sec_main {
        position: relative
    }

    .sidebar {
        position: absolute;
        top: -135px;
        left: 0;
        z-index: 100;
        padding: 18px 10px 8px;
        border: none;
        background-color: rgba(0, 0, 0, .3)
    }

    .sidebar .side_tit {
        display: none
    }

    .sidebar-one-row {
        top: -96px
    }

    #nav li {
        margin-bottom: 10px
    }

    #nav li,
    #nav li a {
        height: 30px;
        line-height: 30px;
        color: rgba(255, 255, 255, .8)
    }

    #nav li a {
        font-size: 14px;
        background-color: rgba(255, 255, 255, .4);
        border-color: rgba(255, 255, 255, .2);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .m_tit,
    .news_m_tit {
        font-size: 18px;
        font-weight: 800
    }

    #history_year {
        max-height: 62px
    }

    .m_txt * {
        font-size: 14px !important
    }

    .a_intr {
        overflow: visible !important;
        border: 1px solid #F6F6F6 !important;
        margin: 5px 0 !important
    }

    .leader_words {
        width: calc(100% - 2px);
        height: auto;
        padding: 0;
        background-color: #8d7d63;
        margin-bottom: 8px;
        margin-left: 1px
    }

    .leader_txts h4 {
        padding-bottom: 10px
    }

    .leader_txts {
        position: static;
        width: 100%;
        top: 40%;
        height: auto;
        padding-bottom: 80px
    }

    .leader_img img {
        width: 100%
    }

    .leader_txts a {
        width: calc(100% - 40px);
        text-align: center
    }

    .a_intr {
        position: relative;
        height: auto;
        padding-bottom: 20px !important
    }

    .a_intr_tit,
    .news_m_tit {
        padding-bottom: 15px
    }

    .news_layer {
        position: relative;
        margin-bottom: 15px;
        padding: 0 20px 20px
    }

    .push_model {
        margin-bottom: 20px;
        border-bottom: 1px solid #F6F6F6
    }

    .push_img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .push_img a img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .news_m_con .news_pbox ol {
        top: 8px
    }

    .push_mess {
        width: 100%;
        padding: 10px 0 16px
    }

    .news_layer:hover .news_m_tit a {
        opacity: 1
    }

    .news_m_con .news_pbox ul li span {
        font-size: 14px
    }

    .push_mess h2 {
        font-size: 15px
    }

    .news_m_tabs ul li:last-child {
        margin: 0
    }

    .news_m_list ul li a,
    .push_desc {
        font-size: 14px
    }

    .push_desc {
        line-height: 1.6
    }

    .news_m_list ul li span,
    .push_datetime {
        font-size: 12px
    }

    .news_m_list ul li {
        height: 28px;
        line-height: 28px
    }

    .news_m_list ul li span {
        width: 76px;
        padding: 0;
        text-align: right
    }

    .news_m_list ul li a {
        width: calc(100% - 76px)
    }

    .news_m_con .news_pbox,
    .news_m_con .news_pbox>ul,
    .news_m_con .news_pbox>ul>li {
        padding-bottom: 58%;
        border-radius: 4px
    }

    .news_m_con .news_pbox {
        margin-bottom: 20px;
        box-shadow: none;
    }

    .a_intr_tit a,
    .news_m_tit a {
        position: absolute;
        top: -2px;
        right: 15px;
        z-index: 3;
        width: 40px;
        height: 40px;
        line-height: 32px;
        margin: 0;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0;
        color: #fff;
        background-color: #ff4f4f
    }

    .a_intr_tit a:after,
    .news_m_tit a:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 31px;
        right: 0;
        z-index: 4;
        width: 0;
        height: 0;
        border-width: 0 20px 10px;
        border-style: solid;
        border-color: transparent transparent #fff
    }

    .leader_top p {
        font-size: 20px
    }

    .hlist_img,
    .list_mess {
        width: 100%;
        padding: 0
    }

    .bx_wrap a {
        font-size: 0 !important
    }

    .event_list h3:before,
    .event_list:before,
    .histt:before {
        display: none
    }

    .event_list {
        margin-top: 10px
    }

    .event_list li {
        margin: 0;
        padding: 28px 0 18px;
        border-bottom: 1px solid #F0F0F0
    }

    .event_list h3 {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 18px !important;
        text-align: center;
        border: 1px solid #F0F0F0
    }

    span.h_layer {
        position: relative;
        padding-bottom: 52%;
        border-radius: 8px;
        box-shadow: 0 4px 8px #DDD
    }

    span.h_layer img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) scale(1) !important
    }

    .histt {
        position: relative;
        z-index: 4;
        margin-top: -40px;
        color: #fff;
        font-size: 18px !important;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 0 0 6px 6px;
        letter-spacing: 4px
    }

    .hisct {
        padding: 10px 5px
    }

    .m_list {
        margin-top: 10px
    }

    .m_list ul li {
        margin: 10px 0;
        padding-bottom: 20px
    }

    a.ml_img {
        position: relative;
        width: 100%;
        padding-bottom: 48%
    }

    a.ml_img img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .ml_mess {
        width: 100%;
        padding: 10px 0 0
    }

    .m_list ul li h2 {
        height: auto;
        padding-bottom: 6px;
        font-size: 15px;
        line-height: 1.4;
        text-align: justify
    }

    .m_list ul li h2 a {
        display: block;
        overflow: visible;
        white-space: normal
    }

    .m_list ul li h2 i {
        display: none
    }

    p.ml_time {
        font-size: 12px;
        padding-bottom: 6px
    }

    p.ml_desc {
        font-size: 14px;
        line-height: 1.6;
        -webkit-line-clamp: 3
    }

    .jobs_m_img {
        width: 40%
    }

    .jobs_m_img a {
        padding-bottom: 66%
    }

    .jobs_m_mess {
        width: 60%
    }

    .jobs_m_mess h2 {
        font-size: 18px;
        height: 30px;
        line-height: 20px
    }

    .jobs_m_mess .mess_desc {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.6
    }

    .jobs_m_img:hover img {
        transform: none
    }

    .invest_txt {
        margin: 0;
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6
    }

    .invest_txt i {
        display: block;
        width: 100%;
        margin-top: 16px;
        padding: 0;
        border: 1px solid #f3f3f3;
        border-radius: 4px;
        background-color: #F8F8F8
    }

    .invest_txt i a {
        display: block;
        line-height: 2.6;
        text-align: center
    }

    .invest_mess_tit {
        height: 50px;
        line-height: 50px;
        border-top: 1px solid #F6F6F6;
        border-bottom: 1px solid #F6F6F6
    }

    .invest_mess_con {
        padding: 15px 0
    }

    .invest_mess_con i {
        width: 50%;
        font-size: 14px;
        line-height: 1.8
    }

    .hr-box table tr,
    .hr-box thead th div {
        font-size: 14px
    }

    .job_con_tit {
        font-size: 18px;
        line-height: 3
    }

    .job_mess ul {
        margin: 20px 0 0
    }

    .job_mess~.artic_txt {
        font-size: 14px;
        border: 1px solid #F9F9F9
    }

    .hr-box table tr td.first,
    .hr-box thead th.first {
        text-align: center;
        padding: 0
    }

    .job_mess ul li {
        width: 100%;
        font-size: 14px
    }

    .job_btn {
        width: 100%;
        margin: 20px 0 0;
        background-color: #F6F6F6;
        border: 1px solid #F0F0F0;
        font-size: 14px
    }

    .m_news_con h3 {
        padding-top: 10px;
        font-size: 16px;
        line-height: 1.6;
        text-align: justify
    }

    .solutions h3 {
        padding-top: 10px !important
    }

    .news-date {
        margin: 10px 0 0;
        font-size: 12px
    }

    .artic_txt p,
    .detail_bot ul li,
    .prox_m_desc {
        font-size: 14px
    }

    .piccontext h2 {
        padding-bottom: 10px;
        font-size: 18px
    }

    .source {
        font-size: 14px;
        padding: 0;
        border-bottom: 1px solid #f6f6f6
    }

    .source_right a,
    .source_right1 a {
        font-size: 12px !important;
        line-height: 2
    }

    .source_right i,
    .source_right1 i {
        margin: 0;
        padding: 0;
        font-size: 10px
    }

    .picshowtxt {
        margin: 0;
        border: none
    }

    .picshow {
        margin-top: 15px
    }

    .picshowtxt_left,
    .picshowtxt_left i,
    .picshowtxt_left span,
    .picshowtxt_right {
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        background-color: transparent
    }

    .picshowtxt_left i,
    .picshowtxt_left span {
        float: none;
        width: auto
    }

    .picshowtxt_left {
        width: 60px;
        text-align: center;
        letter-spacing: 2px;
        background-color: #DDD
    }

    .picshowtxt_right {
        width: calc(100% - 60px);
        padding: 0 10px;
        font-size: 14px;
        background-color: #F9F9F9
    }

    .picshowtxt_left i:before {
        padding: 0
    }

    #nextArrow_A,
    #preArrow_A {
        font-size: 24px
    }

    .share_model {
        padding: 2px 4px 4px
    }

    .share_model span {
        width: 28px;
        line-height: 26px
    }

    .prox_m_desc {
        padding: 10px 0
    }

    .prox_btns a {
        width: 100px;
        padding: 6px 0;
        margin: 0;
        margin-top: 20px;
        text-align: center
    }

    .prox_btns a:first-child {
        margin-left: calc(50vw - 150px);
        margin-right: 30px
    }

    .magazine_con {
        position: relative;
        padding-bottom: 46px
    }

    .maga_c_mess {
        padding-left: 20px
    }

    .m_news_con .intr_tit,
    .maga_c_mess h4 {
        font-size: 18px
    }

    .c_mess_list p {
        font-size: 14px
    }

    .c_mess_list {
        padding: 10px 0
    }

    .c_mess_btns {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-left: calc(50% - 100px);
        z-index: 2;
        text-align: center
    }

    .c_mess_btns a {
        width: 80px;
        padding: 0;
        font-size: 14px;
        text-align: center;
        margin: 0 10px;
        line-height: 34px
    }

    .search_msg {
        font-size: 16px
    }

    .s_list dd {
        font-size: 12px
    }

    .s_list .zy {
        font-size: 14px;
        padding: 5px 0 10px
    }

    .page-con select {
        display: none
    }

    .m_business~.sidebar {
        display: none
    }

    .bread_bar {
        line-height: 1.8
    }

    .piclistshow ul li {
        width: 100% !important;
        margin: 15px 0 0 !important;
        padding: 0;
        border: none !important;
        border-bottom: 1px solid #f6f6f6 !important
    }

    .pictxt {
        height: auto
    }

    .pictxt h3 {
        line-height: 2
    }

    .artic_txt,
    .m_container {
        min-height: auto
    }

    .artic_txt img {
        width: 100%
    }

    .sub-success .mess-subm:after {
        height: auto;
        margin: 0;
        padding: 0 30px 20px;
        font-size: 12px;
        line-height: 1.6
    }

    .job-tr>span {
        width: calc((100% - 160px) / 3);
    }

    .job-tr>span:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width:420px) {
    .sec_main>.wrap {
        padding: 0
    }

    .m_pic_push li {
        width: 100%;
        padding: 0 !important
    }

    .m_pic_push li img {
        margin: 0
    }

    .m_pic_push li h2 {
        height: 60px;
        line-height: 70px;
        margin-top: -60px;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6) 70%);
        border: none
    }

    .m_pic_push li h2 a {
        font-size: 16px;
        color: #fff
    }

    a.pic_push {
        border-radius: 0
    }

    .push_img a {
        position: relative;
        padding-bottom: 45%
    }

    .push_img a img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    #news_c02,
    #news_c03 {
        display: none !important
    }

    .page-con select {
        display: none
    }

    .subsidiary li {
        padding: 10px 16px;
        margin: 10px 0
    }

    .subsidiary li div a {
        line-height: 1.6
    }

    .subsidiary li div h4 {
        height: 28px;
        line-height: 24px
    }

    .subsidiary li:after {
        text-align: right;
        font-size: 80px;
        right: 14px;
        bottom: 4px
    }

    .jobs_m_img {
        width: 100%
    }

    .jobs_m_img a {
        position: relative;
        padding-bottom: 50%;
        border-radius: 0
    }

    .jobs_m_img a img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) !important
    }

    .jobs_m_mess {
        width: 100%;
        padding: 0
    }

    .jobs_m_mess h2 {
        font-size: 15px;
        height: 36px;
        line-height: 40px
    }

    .news_m_con.padt20 {
        margin-bottom: 15px;
        padding: 0;
        border: none
    }

    .products .pic_push {
        padding-bottom: 40%
    }

    .products .pic_push img {
        transform: translateY(-30px)
    }

    .products .pic_layer {
        position: relative;
        overflow: hidden
    }

    .products li h2 {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 2;
        height: 800px;
        line-height: 800px;
        margin-top: -400px
    }

    .products li h2 a {
        display: inline-block;
        width: 100%;
        font-size: 18px
    }

    .m_tit_subs ul li {
        margin-right: 15px;
        padding: 0 16px;
        font-size: 14px;
    }

    .m_tit_subs ul li:last-child {
        margin-right: 0
    }

    .hr-box thead th:nth-child(2),
    .hr-box thead th:nth-child(3),
    .tablebg td:nth-child(2),
    .tablebg td:nth-child(3) {
        display: none
    }

    .tablebg td:nth-child(4) {
        font-size: 12px;
        color: #888
    }

    .artic_txt img {
        width: 100%
    }

    #news-reader {
        border-right: 0 !important;
        transition: .4s
    }

    .audio-fix {
        bottom: 60px
    }

    .side-pannel .side-model:first-child {
        display: none
    }

    .audio-fix .play-tip {
        width: 4px;
        color: transparent;
        transition: .6s
    }

    .audio-fix .audio-btn-hide~.play-tip {
        width: 80px
    }

    .magazine_lists .lw,
    .magazine_lists .sw {
        padding: 12px 12px 0
    }

    .magazine_lists .lw>a,
    .magazine_lists .sw>a {
        border-radius: 2px;
        box-shadow: 0 2px 8px #BBB
    }

    .magazine_lists .lw>a:hover,
    .magazine_lists .sw:hover {
        transform: translateY(-2px);
        box-shadow: 0 2px 4px #998
    }

    .magazine_lists .lw img,
    .magazine_lists .sw img {
        margin: 0
    }

    .magazine_lists .lw h2,
    .magazine_lists .sw h2 {
        font-size: 12px;
        font-weight: 400
    }

    .picshowlist_mid {
        border-radius: 10px;
        overflow: hidden
    }

    .piccontext h2 {
        font-size: 16px
    }

    .source_left span {
        font-size: 12px
    }

    .pic_layer a img {
        transform: translateY(-50%) !important
    }

    .page-con a.next,
    .page-con a.prev {
        margin: 0 6px
    }

    .magazine_lists .lw>a img,
    .magazine_lists .sw>a img {
        transform: translateY(-50%)
    }

    .news_m_tabs ul li {
        margin-right: 15px
    }

    .talent-platform .push_model {
        width: 100%;
        margin: 14px 0 0
    }

    .platform .push_model:nth-child(2n) {
        margin-left: 0
    }

    .talent-platform .push_mess {
        padding: 0 10px 10px
    }

    .c_mess_list {
        padding: 5px 0
    }

    .business a,
    .m_news_con .intr_tit,
    .maga_c_mess h4 {
        font-size: 16px
    }

    .c_mess_list p {
        font-size: 12px
    }

    .business {
        padding-top: 10px
    }

    .c_mess_btns a {
        font-size: 12px;
        line-height: 28px
    }

    .search_layer {
        padding: 5px 10px
    }

    .hr-banner-title {
        height: 56px;
        line-height: 60px;
    }

    .hr-banner-title h6 {
        font-size: 18px;
    }

    .hr-banner-video {
        width: 100%;
        height: calc((100vw - 80px) * .7);
    }

    .hr-banner-news {
        border-bottom-width: 14px;
    }

    .hr-banner-news ul li {
        height: 32px;
        line-height: 32px;
    }

    .hr-banner-news ul li span {
        top: 6px;
    }

    .hr-banner-news ul li a {
        font-size: 13px;
    }

    .video-title {
        font-size: 13px;
        line-height: 1.8;
    }

    .video-tabs {
        height: 40px;
        padding: 5px 10px;
    }

    .video-tabs a {
        width: 50px;
        height: 30px;
        margin-right: 5px;
    }

    .video-tabs a img {
        height: 28px;
    }

    .video-list>a {
        bottom: 5px;
    }

    #video-button {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        margin: -30px 0 0 -30px;
    }
}


/* 1px border */
@media screen and (-webkit-min-device-pixel-ratio:2) {

    #nav li a,
    .invest_mess_tit,
    .invest_txt,
    .invest_txt i,
    .job_btn,
    .job_mess~.artic_txt,
    .m_list ul li,
    .m_tit,
    .page-con a,
    .page-con strong,
    .push_model,
    .total {
        border-width: .5px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:3) {

    #nav li a,
    .invest_mess_tit,
    .invest_txt,
    .invest_txt i,
    .job_btn,
    .job_mess~.artic_txt,
    .m_list ul li,
    .m_tit,
    .page-con a,
    .page-con strong,
    .push_model,
    .total {
        border-width: .33px
    }
}
.u-line-1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.u-line-2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.u-line-3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_m_tit,
.head-title {
    font-size: 28px;
    font-weight: 600;
    color: #222222;
}

.innovation-wrap {
    margin-top: 30px;
    background-color: #ffffff;
}

.wrap-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.view-more {
    font-size: 13px;
    color: #999;
}

.wrap-body {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 20px;
}

.wrap-half {
    width: calc(50% - 10px);
}

.img-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 0;
    padding-bottom: calc((50% - 10px) / 16 * 9);
}

.img-link img {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.img-link::after {
    content: "";
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.img-link .link-title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.link-list {
    display: flex;
    flex-direction: column;
}

.link-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 42px;
}

.link-item>div {
    width: calc(100% - 100px);
    font-size: 16px;
    color: #333333;
    vertical-align: middle;
}



.link-item>div>span {
    display: inline-block;
    margin-right: 4px;
    padding: 0 4px;
    line-height: 18px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 2px;
    background-color: #E62129;
}

.link-item:hover div {
    color: #E62129;
}

.link-item>span {
    font-size: 13px;
    color: #666666;
}

.base-plate {
    width: calc(25% - 90px / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: #ddd 1px solid;
    padding: 20px;
    border-radius: 10px;
    background-color: #fcfcfc;
}
.base-plate:hover{
	border:#e30713 1px solid;
    background-color: #e30713;
}
.base-plate:hover .plate-name , .base-plate:hover .plate-desc{
	color:#ffffff;
}
.plate-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}

.plate-img::before {
    content: '';
    position: absolute;
    left: -200%;
    top: 0;
    z-index: 4;
    width: 200%;
    height: 100%;
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    transition: .3s ease-in;
    content: "";
}

.base-plate:hover .plate-img::before {
    transform: translate3d(100%, 0, 0);
}

.plate-img img {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.base-plate:hover .plate-img img {
    filter: saturate(150%);
    transform: scale(1.05);
}

.plate-name {
    margin: 15px 0 10px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

.plate-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #555555;
    line-height: 24px;
}

.innovation-content-wrap {
    width: 100%;
    min-height: 200px;
    background-image: url(../images/bg.png);
    background-attachment: fixed;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.innovation-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 60px 50px 60px;
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 60px, rgba(0, 0, 0, .3));
}

.innovation-desc {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
}

.innovation-summary {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:40px 0;
    padding: 50px 50px 40px;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
}

.summary-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 56px 10px;
    color: #ffffff;
    background-image: url(../images/honor-bg-lf.png), url(../images/honor-bg-rt.png);
    background-position: left center, right center;
    background-size: auto 100%;
    background-repeat: no-repeat;

}

.summary-data {
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 600;
    color: #ffbf59;
}

.summary-desc {
    font-size: 12px;
    color: #F9D8A4;
    opacity: .8;
}

.innovation-intro {
    width: 100%;
    padding: 20px 56px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
    font-size: 13px;
    color: rgba(249, 216, 164, 0.8);
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.down-file {
    padding-top: 30px;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
}

.down-file::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/down-icon.png);
    background-size: auto 100%;
    margin-left: 4px;
}

.down-file:hover {
    color: #ffffff;
    text-decoration: underline;
}

.honor-wrap {
    display: flex;
    flex-direction: column;
}

.cert-list {
    display: flex;
    gap: 20px;
    overflow: visible;
    margin-bottom: 40px;
    scroll-behavior: smooth;
}

.cert-list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    cursor: pointer;
}

.cert-list a>div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 141.428571%;
    border: 1px solid rgba(0, 0, 0, .08);
    transition: .3s;
}


.cert-list a>div img {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.cert-list a>div img.bg-blur {
    z-index: 2;
    opacity: 0;
}

.cert-list a:hover div {
    filter: saturate(150%);
    transform: translate3d(0, -4px, 0);
}

.cert-list a:hover img.bg-blur {
    filter: blur(15px);
    opacity: .6;
}

.cert-list a span {
    margin-top: 15px;
    font-size: 14px;
    color: #666666;
}

.honor-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(0, 0, 0, .03);
}

.honor-list a {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 40px 0;
    transition: .3s;
}

.honor-list a:hover {
    background-color: #c7000b;
}



.honor-list a::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .5px;
    height: 60%;
    background-color: rgba(0, 0, 0, .08);
}

.honor-list a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid rgba(255, 255, 255, .5);
    opacity: 0;
    transition: .3s;

}

.honor-list a:hover::after {
    opacity: 1;
}

.honor-list a:first-child::before {
    display: none;
}


.honor-num {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.honor-num span {
    font-size: 52px;
    font-weight: 500;
    color: #c7000b;
}

.honor-num i {
    padding-left: 4px;
    font-size: 13px;
    line-height: 40px;
    color: #c7000b;
    font-style: normal;
}

.honor-desc {
    margin-top: 10px;
    font-size: 14px;
    color: #666666;
}

.honor-list a:hover .honor-num span,
.honor-list a:hover .honor-num i,
.honor-list a:hover .honor-desc {
    color: #ffffff;
}

.project-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-list a:nth-child(4),
.project-list a:nth-child(5),
.project-list a:nth-child(6) {
    margin-top: 30px;
}

.project-item {
    display: flex;
    flex-direction: column;
    width: calc(33.333333% - 20px);

}

.project-name {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
}

.project-item:hover .project-name {
    color: #c7000b;
}

.project-bref {
    margin-top: 10px;
    height: 60px;
    font-size: 13px;
    text-align: justify;
    line-height: 20px;
    color: #666666;
}

@media screen and (max-width: 1320px) {
    .wrap-body {
        padding: 0 0 30px;
    }

    .link-list a:last-child {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .innovation-summary {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 20px;
    }

    .summary-item {
        margin-top: 30px;
    }

}

@media screen and (max-width: 768px) {
    .wrap-half {
        width: 100%;
    }

    .links-wrap {
        flex-direction: column;
    }

    .img-link {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: calc(9 / 16 * 100%);
    }

    .link-item {
        height: 36px;
    }

    .plates-wrap {
        flex-wrap: wrap;
    }

    .plates-wrap a {
        width: calc(50% - 10px);
    }

    .plates-wrap a:nth-child(1),
    .plates-wrap a:nth-child(2) {
        margin-bottom: 20px;
    }

    .innovation-content {
        padding: 30px;
    }

    .cert-list {
        flex-wrap: wrap;
    }

    .cert-list a {
        width: calc(50% - 15px);
    }

    .cert-list a:last-child {
        display: none;
    }

    .project-item {
        margin-bottom: 20px;
        width: calc(50% - 10px);
    }

    .project-list a:nth-child(4),
    .project-list a:nth-child(5),
    .project-list a:nth-child(6) {
        margin-top: 0;
    }
}

@media screen and (max-width: 520px) {
    .wrap-body {
        padding: 0 0 20px;
    }

    .innovation-desc {
        text-align: center;
    }

    .honor-list {
        flex-wrap: wrap;
    }

    .honor-list a {
        flex: auto;
        width: 50%;
    }

    .project-item {
        width: 100%;
    }
}